<template>
	<div class="error-page">
		<center>
			<h2 v-if="error.statusCode == 404">404 - 页面不存在</h2>
			<h2 v-else>500 - 服务器错误</h2>
			<span>
				<nuxt-link to="/">点击这里返回首页</nuxt-link>
			</span>
		</center>
	</div>
</template>

<script>
	export default {
		props: ['error'],
	}
</script>
<style>
	.error-page{
		height: 100%;
		background: #494949;
		font-size:30px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: 'Raleway',
		Calibri,
		Arial,
		sans-serif;
	}
</style>
